//购物车
$(function(){
	$('.cart').hover(function(){
		$('.cartList').slideDown('fast');
	},function(){
		$('.cartList').slideUp('fast');
	});
	
//导航列表
	var oNavTime=null;
	$('#navlist a').mouseenter(function(){
		clearInterval(oNavTime);
		var i=$('#navlist a').index($(this));
		$('.classification').slideDown('normal');
		$('.div01').css('display','none');	
		$('.div01').eq(i).css('display','block').hover(function(){
				
			$(this).css('display','block');	
		$('.classification').slideUp('normal');
		},function(){
			$('.classification').slideUp('normal');
		});
	
		$('#navlist').mouseleave(function(){
			oNavTime=setTimeout(function(){
				$('.classification').slideUp('normal');
			},2000);
		});	

	});
	
//搜索框
	var 
		souSu=$('.sousu'),
		hotWord=$('#search-hot-words'),
		iSearchIndex  = -1,
		oInput=$('.sousu input');
	oInput.focus(function(){
		souSu.addClass('searchbox');
		hotWord.fadeOut('fast');
		$('#searchlist').css('display','block');
	
		}).blur(function(){
			souSu.removeClass('searchbox');
			hotWord.fadeIn('fast');
			$('#searchlist').css('display','none');
	}).keyup(function(e){
		var 
			evt=e || window.event;
			aLi = $('#searchlist li');
			if(evt.keyCode === 38 && evt.keyCode === 40){
				if(evt.keyCode === 38 && iSearchIndex >0){
					iSearchIndex--;
				}else if(evt.keyCode === 40 && iSearchIndex <aLi.length-1){
					iSearchIndex++;
				}
				$('#searchlist').val(aLi.removeClass('active').eq(iSearchIndex).addClass('active').data('key'));
			}
		
		
		
		
		
//		var val = $('.sousu input').val();
//		$.getJSON("http://search.mi.com/search/expand?keyword="+val+"&jsonpcallback=?",function(data){
//			
//			var html="";
//			for(var i=0;i<data.length;i++){
//				html += '<li><a href="http://search.mi.com/search_' + data[i].Key + '" target="_self">' + data[i].Key +'<span>'+'约有'+data[i].Rst+'件'+'</span></a></li>'
//			}
//			$('#searchlist').html(html);	
//			$('#searchlist').css({display:'block'});
//		});
	}).bind('input propertychange', function () {
			var sSearchCon = $(this).val();
			if(sSearchCon) {
				$.ajax({
					url: 'http://search.mi.com/search/expand',
					data: {keyword: sSearchCon},
					jsonp: 'jsonpcallback',
					//jsonpCallback: 'xmsearch',
					dataType: 'jsonp',
					success: function (data) {
						var sHtml = '';
						data.forEach(function (v) {
							sHtml += '<li data-key="' + v.Key + '"><a href="javascript:;"><span>约有' + v.Rst + '件</span>' + v.Key + '</a></li>';
						});
						if(sHtml) {
							$('#searchlist').css('display', 'block').html(sHtml);
						} else {
							$('#searchlist').css('display', 'none');
						}
						iSearchIndex = -1;
					}
				});
			} else {
				$('#searchlist').html(sOriHtml);
				iSearchIndex = -1;
			}
		});;

	//banner图	
	var 
		btnList=$('#banner-num i'),
		bannerImgList=$('#bannerList img'),
		timer=null,
		Index=0;
		
	//点击按钮
	btnList.click(function(){		
		Index=$(this).index();
		bannerMove(Index);		
	});
	
	// 往右运动

	$('.bannext').click(function(){
		Index++;
		if(Index >= btnList.length){
			Index = 0;
		}	
		bannerMove(Index);
	});
		
	// 往左运动
	$('.banprev').click(function(){
		Index--;
		if(Index < 0){
			Index = btnList.length-1;
		}	
		bannerMove(Index);
	});
	//自动轮播
	autoMove();
	
	//清除定时器
	$('#bannerList').hover(function(){
		clearInterval(timer);
	},function(){
		autoMove();
	});
	
	function autoMove(){
		timer=setInterval(function(){
			Index++;
			if(Index >= btnList.length){
				Index = 0;
			}	
			bannerMove(Index);
		},4000);
	}
	
	function bannerMove(){
		btnList.removeClass().eq(Index).addClass('active');
		bannerImgList.animate({opacity:0},500,function(){
			$(this).css('display','none');
		}).eq(Index).css('display','block').stop(true).animate({opacity:1},500);
	}
	
	
	
	
	
	
	
	
	
//侧边栏
	var aShorNav=$('.subnav > li');
	aShorNav.mouseenter(function(){
		
		var i=$(aShorNav).index($(this));
		$('.children').css('display','none');
		$('.children').eq(i).css('display','block');
	}).mouseleave(function(){
		$('.children').css('display','none');
	});

});			